﻿@using QDT.Core
@using QDT.Core.Experience
@using QDT.Core.Projects
@using QDT.MVC
@using QDT.MVC.UI
@model QDT.Common.IPagedList<QDT.Core.Experience.ExpProject>
@{
    ViewBag.Title = "体验宝列表";
}
@section Head
{
    <link href="/Content/Default/CSS/project_list.css" rel="stylesheet" type="text/css" /> 
    <!--[if !(IE 8)]><!--> 
    <style type="text/css">
        .extrabonus
        {
          position: absolute;top: -1px;right: -1px;
        }
    </style>
    <!--<![endif]-->
    <!--[if IE 8]>
    <style type="text/css">
        .extrabonus
        {
            width: 60px;
            height: 0;
            position: absolute;
            right: 0px;
            top: 21.5px;
            z-index: 10;
            text-align: center;
            border-bottom: 20px solid #1ac332;
        }
    </style>
    <![endif]-->
}


<div class="">
    <div>
         @Html.Partial("_ListNav")
@*        <div class="wrap filter-wrap" style="border-bottom: 1px solid #E5E5E5;">*@
@*            <div class="container filter-container" style="width: 980px; margin: 0 auto; position: relative;">*@
@*                <div style="width: 645px; border-right: 1px solid #E5E5E5;">*@
@*                    <div class="filter-condition">*@
@*                        <label style="font-size: 14px;">*@
@*                            体验类型</label>*@
@*                        <ul class="filter-content" id="expclass">*@
@*                            <li class="filter-item @(ViewBag.expclass == 0 ? "active" : "")" value="0">不限</li>*@
@*                            <li class="filter-item @(ViewBag.expclass == 1 ? "active" : "")" value="1">新手体验</li>*@
@*                            <li class="filter-item @(ViewBag.expclass == 2 ? "active" : "")" value="2">VIP体验</li>*@
@*                        </ul>*@
@*                    </div>*@
@*                </div>*@
@*                <div class="filter-condition" style="width: 200px; position: absolute; top: 15px;right: 180px;">*@
@**@
@*                </div>*@
@*            </div>*@
@*        </div>*@
    </div>
    <div style="background: #f8f8f8" ondragstart="return false;">
        <div class="ui-inner">
            <div style="width: 1002px; height: auto;" class=" fn-clear">
            @Html.Action("Experience","Widget",new{expPagedList=Model})    
            </div>
            <div style="width: 980px;padding: 25px 0;">
                @Html.ClientPager(Model)
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $().ready(function() {
        $("#financeplanlist a").siblings().removeClass('a_class').end().addClass('a_class');
        $("#financeplanlist div").siblings("div").css("display", "none").end().css("display", "block");
    });
    $('.filter-item').click(function () {
        $(this).siblings().removeClass('active').end().addClass('active');

        var expclass = $("#expclass li").filter(".active").val();

        var url = "/Home/ExperienceList?" + "expclass=" + expclass;
        window.location.href = url;

    });
</script>
